<template>
  
<div class="home">
  <div class="homeSidebarDetail">
   <div class="leftSidebar">

  <van-sidebar v-model="activeKey">
    <van-sidebar-item v-for="(item,index) of routerLink" :key ='index' :to='item.path' :title="item.name"/>
  </van-sidebar>
   </div>
 
  </div>
     <div class="rightCenter">
        <router-view></router-view>

   </div>
</div>

</template>

<script>


export default {
  name:'home',

  data(){
    return{
      activeKey:0,
      routerLink:null,
    }
  },
  mounted(){
 this.routerLink = this["$router"].options.routes[1].children;
  },
    methods: {


  },
  }
</script>

<style scoped>
.homeSidebarDetail{
  text-align: center;
  margin-top: 20px;
  display: flex;

}

.leftSidebar{
  width: 30%;
}


</style>
